import './LoginA02.scss'
import { imageUrl } from '../../Config/config'
import { Button } from 'antd'
import { ModelBox } from '../../Model'
import { useState } from 'react';

const LoginA02 = ({ SignBox, btnText }) => {
    const [OptionsCall, setOptionsCall] = useState()
    const ScanCode = () => { setOptionsCall({ type: 'WeChartScanCode', title: '扫码登录', width: 600 }) }

    return (
        <div className='LoginA02'>
            <img src={imageUrl + '背景.png'} alt="" />
            <div className='LoginBox'>
                <div className='title'>
                    <div>
                        <img src={imageUrl + '前框.png'} alt="" />
                        <img src={imageUrl + '后框.png'} alt="" />
                    </div>
                    <div>
                        系统登录
                    </div>
                </div>
                <SignBox btnText={btnText} />
            </div>
            <Button className='ScanCode' onClick={ScanCode}>扫码登录</Button>
            <ModelBox OptionsCall={OptionsCall} />
        </div>
    );
};

export default LoginA02;